<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>Document</title>
</head>
<body>
    <!-- 
        在网页中HTML专门用来负责网页的结构
            所以在使用html标签时应该关注的是标签的语义，而不是它的样式

            标题标签:
                h1~h6一共有六级标题
                从h1~h6重要性递减
                h1在网页中的重要性仅次于title，一般情况下页面中只会有一个h1
                标题标签都是块元素
            在网页中独占一行的元素成为块元素(block element)
    -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>

    <!-- 
        hgroup标签用来为标题分组
    -->
    <hgroup>
        <h1>回乡偶书二首</h1>
        <h2>其一</h2>
        <p>XXXXXXXXXXXX</p>
        <p>XXXXXXXXXXXX</p>
        <p>XXXXXXXXXXXX</p>
        <p>XXXXXXXXXXXX</p>
    </hgroup>

    <!-- 
        p标签表示页面中的一个段落
        p也是一个块元素
    -->
    <p>在p标签中的内容就表示一个段落</p>
    <!-- 
        em标签--斜体
        行内元素，不会独占一行  inline element
    -->
    <p>今天天气<em>真</em>不错</p>
    <!-- 
        strong--加粗,语义上的强调，不易滥用，例如<strong>删除后无法恢复</strong>
    -->
    <p>今天必须要<strong>狠狠地玩</strong></p>

    <!-- blockquote 表示一个长引用 -->
    鲁迅说:
    <blockquote>
        这句话我是从来没有说过！
    </blockquote>
    <!-- q表示一个短引用 -->
    子曰:<q>学而时习之，乐呵乐呵! </q>

    <!-- br标签表示换行 -->
    <br>今天天气真不错
</body>
</html>